﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Jura' rel='stylesheet' type='text/css'>
    <link href="css.css" rel="stylesheet" />
</head>
<body>

    <div class="container">
        <div class="row clearfix foobar">
            <div class="col-md-12 column">

                <h4>
                    <div>
                        <textarea id="textArea" placeholder=" Welcome to CampR. Send your camp here!" style="height: 100px; width: 100%; border-radius:25px; background-color:black; color:white;"></textarea>
                    </div>
                    <button onclick="cr.sendTweet()">Camp!</button>
                </h4>


            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-4 column chats">
                <h3>MENU</h3>
                <div class="panel-group" id="panel-11027" style="color:black">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="panel-title" data-toggle="collapse" data-parent="#panel-11027" href="#panel-element-469235">CampR Users</a>
                        </div>
                        <div id="panel-element-469235" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div id="profileDisplay"></div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="panel-title" data-toggle="collapse" data-parent="#panel-11027" href="#panel-element-115372">Friend's List</a>
                        </div>
                        <div id="panel-element-115372" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <div id="friendProfile"></div>
                                <div id="friendsDisplay"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <h3>My Camp</h3>
                <div id="chatDisplay"></div>
            </div>
            <div class="col-md-4 column chats">

                <h3>Friend's Camp</h3>
                <div id="friendChatDisplay"></div>
            </div>
            <div class="col-md-4 column chats">
                <h3>Combined Camps</h3>
                <div id="masterTweet"></div>
            </div>
        </div>

    </div>
    
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")

    <script src="Scripts/campr.js"></script>
</body>
</html>
